<template>
  <div>
    <!-- 三级分类导航 -->
    <type-nav />
    <!-- 列表 -->
    <HomeListContainer />
    <!-- 今日推荐 -->
    <HomeRecommend />
    <!-- 商品排行 -->
    <HomeRank />
    <!-- 喜欢 -->
    <HomeLike />
    <!-- 楼层 -->
    <HomeFloor />
    <!-- 商标 -->
    <HomeBrand />

    <p>{{ counter }}</p>
    <el-button type="primary" @click="setCounter">+</el-button>
  </div>
</template>

<script lang="ts" setup>
const counter = useCounter();
const setCounter = () => {
  counter.value++;
};
</script>
